<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title>免签/落地签</title>
		<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
		<meta name="apple-mobile-web-app-capable" content="yes">
		<meta name="apple-mobile-web-app-status-bar-style" content="black">
		<!--标准mui.css-->
		<link rel="stylesheet" href="../css/mui.min.css">
		<link rel="stylesheet" href="../css/common.css" />
		<style>
			* {
				margin: 0px;
				padding: 0px;
			}
			body {
				background-color: #FFFFFF;
			}
			.mui-content {
				width: 100%;
				background-color: #FFFFFF;
			}
			.material {
				width: 100%;
				margin: 10px;
			}
			.title-container {
				margin-top: 10px;
			}
			.title-container span{
				font-size: 15px;
				color: #5C5759;
			}
			.title-container .more {
				float: right;
			}
			.title-container .more .more-content{
				font-size: 15px;
				color: #5BA9F9;
			}
			.title-container .more .more-icon{
				width: 8px !important;
				height: 14px;
				vertical-align: middle;
			}
			.material-ul li {
				list-style-type:none;
				margin: 0px 15px;
				font-size: 12px;
				color: #4C4C4C;
			}
			.material-ul li span{
				font-size: 16px;
				color: red;
			}
		</style>
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">资料详细</h1>
		</header>
		<div class="mui-content">
			<div class="material">
				<div class="app-data-container">
					<div class="title-container">
						<span>APP拍摄资料</span>
					</div>
					<div id="AppData" class="material-ul">
						<!--<li>照片（APP拍摄）<span>*</span><p>·拍摄的字体清晰可见、不要反光</p></li>
						<li>护照首页<span>*</span><p>·拍摄的字体清晰可见、不要反光</p></li>
						<li>身份证<span>*</span><p>·拍摄的字体清晰可见、不要反光</p></li>-->
					</div>
				</div>
				<div class="post-data-container">
					<div class="title-container">
						<span>邮寄材料</span>
					</div>
					<div id="postData" class="material-ul">
						<!--<li>护照（原件）<span>*</span><p>·拍摄的字体清晰可见、不要反光</p></li>
						<li>资金证明（原件）<span>*</span><p>·拍摄的字体清晰可见、不要反光</p></li>
						<li>营业执照或组织机构代码（复印件加盖公章）<span>*</span><p>·护照完整无破损、无水渍 ·有效期出发日期应该至少还有6个月 ·至少有两页完整连续的空白页，不包含备注页</p></li>-->
					</div>
				</div>
			</div>
		</div>
	</body>
	<script type="text/javascript" src="../js/thirdparty/jquery-3.3.1.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/mui.min.js" ></script>
	<script type="text/javascript" src="../js/thirdparty/spin.min.js" ></script>
	<script type="text/javascript" src="../js/utils/boot.js" ></script>
	<script type="text/javascript">
		var customerId = base.getParameter("customerId");
		var type = base.getParameter("type");
		var goodsId = base.getParameter("goodsId");
		$(function() {
			base.setWait("正在获取数据...");
			var params = {
				type: type,
				goodsId: goodsId
			}
			base.postData(base.url.getPostDataOrAppPhotoData, params, getPostDataOrAppPhotoDataSuccess)
		})
		function getPostDataOrAppPhotoDataSuccess(data) {
			if (data.success) {
				var appList = data.extendData.appPhotoDataList;
				var postList = data.extendData.postDataList;
				var appHtml = '';
				for(var index in appList) {
					appHtml+=getAppDataItemHtml(appList[index]);
				}
				$("#AppData").html(appHtml);
				var postHtml = '';
				for(var index in postList) {
					postHtml+=getPostDataItemHtml(postList[index]);
				}
				$("#postData").html(postHtml);
			} else {
				mui.toast(data.message);
			}
		}
		function getAppDataItemHtml(item) {
			var html = '';
			html+='<li>'+item.appPhotoDataName+'<span>'+(item.isRequired==1?'*':'')+'</span><p>'+item.describeField.replace(/·/g, '<br>·').replace('<br>', '')+'</p></li>'
			return html;
		}
		function getPostDataItemHtml(item) {
			var html = '';
			html+='<li>'+item.postDataName+'<span>'+(item.isRequired==1?'*':'')+'</span><p>'+item.describeField.replace(/·/g, '<br>·').replace('<br>', '')+'</p></li>'
			return html;
		}
	</script>
</html>